* {
padding: 0px;
margin: 0px;
font-family:Arial, Verdana, Tahoma, "微软雅黑", Helvetica, sans-serif;
line-height: 150%;
}

/*设置body的基本样式*/

body {
font-size: 15px;
color: #000000;
background-color: #fff;
background-image: url(../Images/body_bg.jpg);
background-repeat: repeat-x; font-family:Microsoft Yahei In-Bold Font ;
}

a {color:#292929;text-decoration: none;}
a:hover { color:#035bb9;text-decoration: none;}

table {
border-collapse: collapse;
}
td {
padding: 3px;
}

/*处理IE浏览器图片的默认border*/
img {
border: none;
}
input {
padding: 1px;
vertical-align: middle;
line-height: normal;
}

/*==========内容盒子设置基本样式=========*/
.main-box {
margin-right: auto;
margin-left: auto;
width: 960px;
clear: both;
zoom:1;
overflow:hidden;
background-color: #CCCCCC;
}

/*===========单行超出隐藏（用省略号）==========*/

/*单行溢出，超出部分显示...或者截取。前提必须有宽度*/

.text-overflow-hidden {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

/*===========多行超出隐藏（省略号）=============*/

/*因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移动端；*/

.text-overflow-hidden {
display: -webkit-box;/* 必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 */
-webkit-orient: vertical;/*必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 */
overflow: hidden;
text-overflow: ellipsis;
word-wrap: bleak-word;/*word-wrap 属性允许长单词或 URL 地址换行到下一行。*/
-webkit-line-clamp: 3;/*用来限制在一个块元素显示的文本的行数。*/
}

/*跨浏览器兼容的方案*/

.text-overflow-hidden {
line-height: 1.2em;
height: 3.6em;/*超出n行省略号表示，那height必须为line-height的n倍*/
position: relative;
overflow: hidden;
}

/*用省略号背景图代表*/

.text-overflow-hidden:after {
content: '···';/*中文和英文这里的省略号有区别*/
font-weight: bold;/*超出n行省略号表示，那height必须为line-height的n倍*/
position: absolute;
bottom: 0;
right: 0;
background: url(../img/ellipsis.png) no-repeat;
padding: 0 20px;
}

/*======万能Float清除浮动1======*/

.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

ul,li{list-style-type:none;}

.clear {display: inline-block;} /* for IE/Mac */

/*======万能Float清除浮动2======*/

.overflow-hidden{overflow:hidden;} /*控制背景溢出*/
.equal-height{margin-bottom:-32800px;padding-bottom:32800px;} /*控制高度足够小*/

/*======万能Float清除浮动3======*/

.clear
{
height:0px;
clear:both;
font-size:0px;
line-height:0px;
zoom: 1;
}

/*css定义超链接四个状态也有顺序的。*/

a:link, a:visited {
text-decoration: none;
color: #1F376D;
}
a:hover, a:active {
color: #BD0A01;
border: none;
}

/*顶部*/
.top{width:100%; height:155px; margin:auto;}
.ewm_list { }
.ewm_list li img{ width: 65px; height: 65px; border: 1px solid #e9e9e9; padding: 3px;}
.ewm_list li { color: #868686; float: left; margin-right: 25px;}
.header{width:1200px; height:145px; margin:auto;}
.logo{width:230px; height:63px; float:left; margin-top:40px; display:block;}
.ewm{width:210px; height:95px; display:block; float:right; margin-top:30px; margin-right:0px;}
.ewm p{float:left; width:85px; height:85px; text-align:center;}
.search{width:248px; height:83px; float:right; display:block; margin-top:30px;}
.hnav{background-color: #0094da;
    color: #ffffff;
	margin:auto;
	width:100%;
    height: 60px; }
.hl_nav{
    background-color: #0095db;
    position: relative;
    color: #ffffff;
	margin:auto;
	width:1200px;
	margin:0px auto;
    height: 60px;
	text-align:center;
}
.hl_nav a{
    display: block;
    text-decoration: none;
}
.hl_nav .shade{
    position: absolute;
    width: 100%;
    height: 60px;
    top: 50px;
    left: 0;
    z-index: 1;
    background-color: #EEEEEE;
    opacity: 0.9;
    filter: alpha(opacity=90);
   
    display: none;
   
   
}
.hl_nav .nav_list{
    position: absolute;
    top: 0;
    z-index: 2;
    padding: 0;
	margin:auto;
    width:1200px;
    height:60px;
	margin:0px auto;

}
.hl_nav .nav_list>li{
    padding: 0;
    float: left;
    margin: 0;
    width: 10%;
    text-align: center;
    height: 60px;
    overflow: hidden;
    transition: height 0.3s; background: url(../img/nav/line_07.jpg) no-repeat right top;
}
.hl_nav .nav_head{
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    font-size: 18px;
    position: relative;
}
.hl_nav .nav_body{
    display: block;
    height: 48px;
    line-height: 48px;
    color: #fff;
    position: relative; font-size: 16px;

}
.hl_nav .nav_body:last-child{

}

.hl_nav .nav_list>li.active .nav_head,.hl_nav .nav_list>li:hover .nav_head {
    background-color: #0080bd;font-size: 18px;
}
.hl_nav .nav_list>li:hover{
	background:url(../img/nav/bg.png);
    height: auto;
}
.hl_nav .nav_body:hover{
    color: #fff; background: #2b91c2;
}
.hl_nav .nav_body:after{
    content: '';
    display: block;
    height: 0;
    position: absolute;
    bottom: -1px;
    width: 60%;
    left: 20%;font-size: 18px;
    
}

.nybanner{width:100%; height:350px; margin:auto;}

.footer{width:100%;  margin:80px auto 0 auto; overflow:hidden; background: #393939; padding: 40px 0 40px 0;}
.footer-1{width:1200px; height:190px; margin:0px auto 0 auto;}
.footer-1-l{width:330px; height:190px; float:left; }
.footer-1-l h1{float:left; width:330px; text-align:left; display:block;}
.footer-1-l span{width:330px; height:130px; color:#b4b4b4; text-align:left; display:block;}
.footer-1-l p{ line-height:28px; display:block;}

.footer-1-R{width:350px; height:190px; float:right;}
.footer-1-R ul{width:350px; height:33px; margin:auto; display:block;}
.footer-1-R ul li{float:right; margin-left:20px;}
.footer-1-R span{width:100%; height:130px; margin:auto;  margin-top:27px;display:block;}
.footer-1-R span p{ float:right; width:96px; height:121px; margin-left:20px;}
.footer_zj { float: left;}

.db{  color:#858585; width:1200px; margin: auto; text-align:center; line-height: 60px;}
.db a{color:#858585; text-decoration:none}
.footer_xm { margin-top: 16px;}
.footer_mc { color: #c4c4c4;}
.footer_line { border-bottom: 1px solid #808080; width: 26px; height: 1px; margin-top: 9px;}
.footer_siz { height: 25px; color: #fff; margin-top: 13px; text-align: left;}
.footer_siz a { color: #b0b0b0;}
.footer_siz a:hover { color: #92cae5; text-decoration: none;}
.footer_zj li { float: left; margin-left: 60px;}
.coby { background: #313131; height: 60px; line-height: 60px;}